.headArea{
	height: var(--size40);
	margin: var(--size10) 0;
	padding: 0 var(--size15);
	background-color: white;
	line-height: var(--size40);
	font-size: var(--size14);
	font-weight: 600;
}

.headArea #editBtn{
	display: inline-block;
	font-size: var(--size22);
	color: var(--mainColor);
	padding-left: var(--size5);
	height: var(--size40);
	width: var(--size40);
	line-height: var(--size40);
}

.editing .headArea{
	display: none;
}
.editing #wrapper{
	top: calc(44px + var(--size10));
}

#wrapper{
	top: calc(44px + var(--size60));
}
#wrapper >.mui-scroll > table{
	width: 100%;
	background-color: white;
}
tr{
	border-bottom: solid 1px #EEEEEE;
}

.name{
	width: var(--size70);
	height: 2.2rem; /* 55px */
	font-size: var(--size12);
	padding: 0 var(--size10);
}
.content{
	width: calc(100% - var(--size70));
}
.content .mui-segmented-control.mui-scroll-wrapper,.content .mui-segmented-control.mui-scroll-wrapper .mui-scroll{
	height: 2.2rem;
}
.content .mui-segmented-control.mui-scroll-wrapper .mui-control-item{
	height: 1rem;
	line-height: 1rem;
	padding: 0 0.2rem;
	border: #DDDDDD solid 1px!important;
	margin: var(--size15) var(--size20) 0 0;
	min-width: var(--size50);
	text-align: center;
	font-size: var(--size12);
}
.content .mui-segmented-control.mui-scroll-wrapper .mui-control-item.mui-active{
	color: var(--textColor);
}

.editBtns{
	display: none;
	width: 50%;
	text-align: right;
}
.editBtns div{
	display: inline-block;
	width: var(--size30);
	height: var(--size30);
	line-height: var(--size30);
	margin-right: var(--size10);
	font-size: var(--size22);
	text-align: center;
}
.editBtns div.mui-icon-trash{
	font-size: var(--size21);
	color: red;
}
.editBtns div.mui-icon-bars{
	font-size: var(--size16);
	color: gray;
}
.editBtns div.mui-icon-compose{
	color: #75AC47;
}
.editBtns div.mui-icon-arrowthinup{
	color: darkgray;
	font-weight: 600;
}

.editing .content{
	display: none;
}
.editing .editBtns{
	display: table-cell;
}
.editing .name{
	width: 50%;
	padding-right: var(--size10);
	height: var(--size40);
}
.nullData{
	margin-top: var(--size60);
	display: none;
}